<template>
  <div class="bigContent">
    <div class="topBox">
      <h1>知识产权融资服务平台</h1>
      <h6>基于区块链3.0标准的自主知识产权的区块链平台搭建</h6>
    </div>
    <div class="logo-all d-flex justify-content-between">
      <div>
        <img src="../assets/img/bigScreenNew/head-logo-1.png">
        <img style="margin-left: 60px" src="../assets/img/bigScreenNew/head-logo-2.png">
      </div>
      <div>
        <img src="../assets/img/bigScreenNew/head-logo-3.png">
      </div>
    </div>
    <div class="areaBox">
      <left-view class="left"/>
      <right-view class="right"/>
    </div>
  </div>
</template>

<script>
import LeftView from './LeftView'
import RightView from './RightView'
export default {
  name: 'Home',
  components: {
    LeftView,
    RightView
  }
}
</script>

<style lang="scss">
.bigContent {
  width: 1920px;
  height: 1080px;
  box-sizing: border-box;
  padding: 25px 0;
  background: url("../assets/img/bigScreenNew/bigContent.png") no-repeat center;
  overflow: hidden;

  .logo-all {
    transform: translateY(-30px);
    padding: 0 50px;
  }

  .topBox {
    width: 1880px;
    height: 81px;
    margin: 0 auto;
    text-align: center;
    background: url("../assets/img/bigScreenNew/bigTop.png");
    color: #2fc1f7;
    padding-top: 10px;
    h1 {
      font-size: 30px;
      font-weight: bold;
    }
    h6 {
      margin-top: 5px;
      font-size: 14px;
    }
  }

  .areaBox {
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    padding: 0 40px;
    .left,.right {
      width: 910px;
    }
  }
}
</style>
